<template>
	<view class="">
		<up-navbar :bgColor="bgColor" :placeholder="true" :autoBack="true">
			<template #left>
				<view v-if="isShowLeftBtn" class="u-nav-slot"
					style="display: flex;align-items: center; padding:  8rpx 14rpx;border-radius: 34rpx;font-weight: bold;">
					<up-icon name="arrow-left" size="22" :color="iconColor"></up-icon>
					<!-- 	<up-line direction="column" :hairline="false" length="26" margin="0 16rpx" color="black"></up-line>
					<up-icon name="home" size="23" color="black"></up-icon> -->
				</view>
			</template>
			<template #center>
				<view style="max-width: 300rpx;">
					<text class="f_30_0_b u-line-1" :style="{color: color}">
						{{title}}
					</text>
				</view>
			</template>
		</up-navbar>
	</view>
</template>

<script setup lang="ts">
	const props = defineProps({
		title: {
			type: String,
			require: true,
			default: "首页"
		},
		isShowLeftBtn: {
			type: Boolean,
			default: false
		},
		bgColor: {
			type: String,
<<<<<<< HEAD
			default: '#ffffff'
=======
			default: '#F7F8FC'
>>>>>>> 8e38b09233bb4e9930eb2933d0e483ab2018ca5c
		},
		color: {
			type: String,
			default: '#333333'
		},
		iconColor: {
			type: String,
			default: '#333333'
		}
	});
</script>

<style lang="scss">
</style>